Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / ConfirmDialog.vue

Displaying Raw • Download

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72Transition Te6edf3nameTff7b72=Ta5d6ff"confirm-dialog"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3pendingConfirmTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"fixed inset-0 z-[200] flex items-center justify-center p-4"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"fixed inset-0 bg-black/50 backdrop-blur-sm sm:bg-transparent sm:backdrop-blur-none"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3cancelTa5d6ff"

Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"relative w-full sm:w-auto sm:min-w-[360px] sm:max-w-md bg-white dark:bg-zinc-900 sm:rounded-lg rounded-2xl sm:shadow-lg shadow-2xl border border-gray-200 dark:border-zinc-800 overflow-hidden transform transition-all"

@Te6edf3click.Te6edf3stop

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-4 sm:p-4"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-start mb-4 sm:mb-3"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"flex-shrink-0 flex items-center justify-center w-9 h-9 sm:w-7 sm:h-7 rounded-full bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400 mr-3 sm:mr-2.5"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"alert-circle" Te6edf3classTff7b72=Ta5d6ff"w-5 h-5 sm:w-4 sm:h-4" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 min-w-0"Tb4b4b4>

Tb4b4b4<Tff7b72h3 Te6edf3classTff7b72=Ta5d6ff"text-base sm:text-sm font-semibold text-gray-900 dark:text-white mb-1.5 sm:mb-1"Tb4b4b4>

Confirm

Tb4b4b4<Tb4b4b4/Tff7b72h3Tb4b4b4>

Tb4b4b4<Tff7b72p

Te6edf3classTff7b72=Ta5d6ff"text-sm sm:text-xs text-gray-600 dark:text-zinc-300 whitespace-pre-wrap leading-relaxed"

Tb4b4b4>

Tff7b72{{ Te6edf3pendingConfirmTb4b4b4.Te6edf3message Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex flex-col-reverse sm:flex-row gap-2 sm:gap-2 sm:justify-end mt-5 sm:mt-3"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"px-4 py-2 sm:px-3 sm:py-1.5 text-sm sm:text-xs font-medium text-gray-700 dark:text-zinc-300 bg-white dark:bg-zinc-800 border border-gray-300 dark:border-zinc-700 rounded-lg hover:bg-gray-50 dark:hover:bg-zinc-700 transition-colors"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3cancelTa5d6ff"

Tb4b4b4>

Cancel

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"px-4 py-2 sm:px-3 sm:py-1.5 text-sm sm:text-xs font-medium text-white bg-red-600 hover:bg-red-700 rounded-lg transition-colors"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3confirmTa5d6ff"

Tb4b4b4>

Confirm

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72TransitionTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3GlobalEmitter Tff7b72from Ta5d6ff"../js/GlobalEmitter"Tb4b4b4;

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"./MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ConfirmDialog"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3pendingConfirmTff7b72: Tff7b72nullTb4b4b4,

Te6edf3resolvePromiseTff7b72: Tff7b72nullTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3mountedTb4b4b4(Tb4b4b4) Tb4b4b4{

Te6edf3GlobalEmitterTb4b4b4.Te6edf3onTb4b4b4(Ta5d6ff"confirm"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3showTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3beforeUnmountTb4b4b4(Tb4b4b4) Tb4b4b4{

Te6edf3GlobalEmitterTb4b4b4.Te6edf3offTb4b4b4(Ta5d6ff"confirm"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3showTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3showTb4b4b4(Tb4b4b4{ Te6edf3messageTb4b4b4, Te6edf3resolve Tb4b4b4}Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3pendingConfirm Tff7b72= Tb4b4b4{ Te6edf3message Tb4b4b4}Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3resolvePromise Tff7b72= Te6edf3resolveTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3confirmTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3resolvePromiseTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3resolvePromiseTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3resolvePromise Tff7b72= Tff7b72nullTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3pendingConfirm Tff7b72= Tff7b72nullTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3cancelTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3resolvePromiseTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3resolvePromiseTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3resolvePromise Tff7b72= Tff7b72nullTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3pendingConfirm Tff7b72= Tff7b72nullTb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>

Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>

Tb4b4b4.T56d364confirm-dialog-enter-activeTff7b72,

Tb4b4b4.T56d364confirm-dialog-leave-active Tb4b4b4{

Tff7b72transitionTb4b4b4: Tff7b72all T79c0ff0.2Tffa657s Tff7b72easeTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364confirm-dialog-enter-fromTff7b72,

Tb4b4b4.T56d364confirm-dialog-leave-to Tb4b4b4{

Tff7b72opacityTb4b4b4: T79c0ff0Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364confirm-dialog-enter-from Tb4b4b4.T56d364relativeTff7b72,

Tb4b4b4.T56d364confirm-dialog-leave-to Tb4b4b4.T56d364relative Tb4b4b4{

Tff7b72transformTb4b4b4: Tffa657scaleTb4b4b4(T79c0ff0.95Tb4b4b4)Tb4b4b4;

Tff7b72opacityTb4b4b4: T79c0ff0Tb4b4b4;

Tb4b4b4}

Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>